<template>
    <div>
        <breadCrumb title="数据报表"></breadCrumb>

        <el-card>
            <div id="main" style="width: 800px;height:400px;"></div>
        </el-card>
    </div>
</template>

<script>
import * as echarts from 'echarts'
import { getChartsData } from '@/api/order.js'
export default {
  name: 'ShoppingIndex',

  data () {
    return {
    }
  },

  created () {

  },

  async mounted () {
    const myChart = echarts.init(document.getElementById('main'))

    const res = await getChartsData()
    myChart.setOption(res.data)
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>

</style>
